<template>
  <div class="Home">
    <Top></Top>
    <elMenu :showSideBar="showSideBar"
            @changeShow='changeShow'></elMenu>
    <div :class="[showSideBar?'main':'hiddenMain']">
      <router-view class="view"></router-view>
    </div>
  </div>
</template>

<script>
import Top from "./components/common/top.vue";
import elMenu from "./components/common/menu.vue";
export default {
  components: {
    Top,
    elMenu,
  },
  data() {
    return {
      showSideBar: true,
    };
  },
  computed: {},
  methods: {
    changeShow() {
      this.showSideBar = !this.showSideBar;
    },
  },
};
</script>
